<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<head>
<title>白帽子-首页</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<link href="Favicon.ico" rel="shortcut icon">
<link rel="stylesheet" type="text/css" href="./css/style.css" />
<script type="text/javascript" src="js/jquery-1.4a2.min.js"></script>
<script type="text/javascript">
    // 显示/隐藏
    $(function () {
        $('.my-index').find('li').click(function () {
            $('.my-index').find('li').css('border-bottom','1px solid #CCCCCC');
            $(this).css('border-bottom','1px solid #F9F9F9');
            var key = $('.my-index').find('li').index(this);
            $('.course ul').css('display','none');
            $('.course ul').get(key).style.display = 'block';
        });
    });
</script>

<style type="text/css">

</style>
</head>
    <body>
        <div id="cont-header">
            <div class="logo">
                <img src="./images/logo.png" height="30" />
                <ul>
                    <li><a href="#">个人中心</a></li>
                    <li><a href="#">我要提问</a></li>
                    <li><a href="index.html">返回首页</a></li>
                </ul>
            </div>
        </div><!-- header -->
        <div id="container">
            <div class="content">
                <div id="sidebar">
                    <div class="count-mes c"></div>
                    <div class="question-list c">
                        <ul>
                            <li><a href="center-index.html">我的主页</a></li>
                            <li><a href="center-info.html">个人信息</a></li>
                            <li><a href="#">我的课程</a></li>
                            <li><a href="#">我的考勤</a></li>
                            <li><a href="#">我的提问</a></li>
                            <li><a href="#">我的好友</a></li>
                            <li><a href="#">查看留言</a></li>
                            <li><a href="#">我的成绩</a></li>
                            <li><a href="#">我的笔记</a></li>
                            <li><a href="#">教师测评</a></li>
                            <li><a href="#">安全退出</a></li>
                        </ul>
                    </div><!-- question-list -->
                </div><!-- sidebar -->
                <div id="main">
                    <div class="main-cont t">
                        <div class="my-index">
                            <ul>
                                <li class="s">课程推荐</li>
                                <li>我的收藏</li>
                            </ul>
                        </div><!-- my-index -->
                        <div class="course">
                            <ul>
                                <li>
                                    <table>
                                        <tr><td align="center">课程绍介</td><td class="ltd" rowspan="2">第一天</td></tr>
                                        <tr><td><p>这里是课程简介这里是课程简是课程简介这里是课程简是课程简介这里是课程简介这里是课程简介这里是课程简介这这里是课程简介这里是课程简是课是课程简介这里是课程简介</p><p class="tea">讲师：<span>罗弟华</span></p></td></tr>
                                    </table>
                                    <div class="img">
                                        <img src="./images/smarty.jpg" />
                                    </div><!-- img -->
                                </li>
                                <li>
                                    <table>
                                        <tr><td align="center">课程绍介</td><td class="ltd" rowspan="2">第一天</td></tr>
                                        <tr><td><p>这里是课程简介这里是课程简是课程简介这里是课程简是课程简介这里是课程简介这里是课程简介这里是课程简介这这里是课程简介这里是课程简是课是课程简介这里是课程简介</p><p class="tea">讲师：<span>罗弟华</span></p></td></tr>
                                    </table>
                                    <div class="img">
                                        <img src="./images/js.jpg" />
                                    </div>
                                </li>
                                <li>
                                    <table>
                                        <tr><td align="center">课程绍介</td><td class="ltd" rowspan="2">第一天</td></tr>
                                        <tr><td><p>这里是课程简介这里是课程简是课程简介这里是课程简是课程简介这里是课程简介这里是课程简介这里是课程简介这这里是课程简介这里是课程简是课是课程简介这里是课程简介</p><p class="tea">讲师：<span>罗弟华</span></p></td></tr>
                                    </table>
                                    <div class="img">
                                        <img src="./images/thinkphp.png" />
                                    </div>
                                </li>
                            </ul>
                            <ul class="h">
                                <li>
                                    <div class="img">
                                        <img src="./images/html5.jpg" />
                                    </div>
                                </li>
                                <li>
                                    <div class="img">
                                        <img src="./images/linux.jpg" />
                                    </div>
                                </li>
                                <li>
                                    <div class="img">
                                        <img src="./images/js.jpg" />
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div><!-- main-cont -->
                </div><!-- main -->
            </div><!-- content -->
        </div><!-- container -->
        <div id="footer"><p>本程序为测试使用，不得用于商业用途。版权所有 <span><a style="color:blue;text-decoration:none;" href="javascript:void(0);">白帽子测试系统V1.0</a></span></p></div>
    </body>
</html>